<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <title>账单查询</title>
    <script src="__PUBLIC__/h-ui/wap/js/jquery-1.8.3.min.js"></script>
    <script src="__PUBLIC__/h-ui/wap/js/wb.js"></script>
    <link href="__PUBLIC__/h-ui/wap/css/public.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/h-ui/wap/css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="__PUBLIC__/h-ui/lib/layui/layui/css/layui.css">
    <script type="text/javascript" src="__PUBLIC__/h-ui/lib/layer/2.4/layer.js"></script>
</head>

<body>
    <div class="header clearfix">
        <div class="back clearfix">
            <div class="icon" onclick="javascript:window.history.back();"><img src="__PUBLIC__/h-ui/wap/images/1.png"></div>
            <!--<div style="width: 1.2rem;" onclick="javascript:window.history.back();">返回</div>-->
        </div>
        <div style="padding-left: -10px;">{$roomnumber}房间 {$nickname}</div>
        <div class="rst">
            <!--<img src="__PUBLIC__/h-ui/wap/images/2.png">-->    
        </div>
    </div>
    <div class="time clearfix">
        <div class="btn"><img src="__PUBLIC__/h-ui/wap/images/3.png" class="fr"></div>
        <div class="day">
            <div class="list">
                <ul>
                    <?php foreach($timeArray as $k=>$tt){ ?>
                        <?php if($k==0){ ?>
                        <li month="{$tt['years']}-{$tt['month']}" style="padding-left: 0.1rem">
                            <span>{$tt['years']}</span><br/>{$tt['month']}月
                        </li>
                        <?php }else{ ?>
                        <li month="{$tt['years']}-{$tt['month']}"><span>{$tt['years']}</span><br/>{$tt['month']}月</li>
                        <?php } ?>
                    <?php } ?>
                </ul>
            </div>
        </div>
        <div class="btn"><img src="__PUBLIC__/h-ui/wap/images/4.png"></div>
    </div>
    <input type="hidden" name="roomnumber" id="roomnumber" value="{$roomnumber}" />
    <div id="ajaxDiv">
        <include file="WapCost/lists" />
    </div>
</body>
<script type="text/javascript">
    $(document).ready(function(){
        $(".list ul li").on('click', function(){
            var month = $(this).attr('month');
            var where = {};
                where.ajax = 1;
                where.month = month;
				where.mid = "{$mid}";
                where.roomnumber = $("#roomnumber").val();
            $.get('cost.html', where, function(html){
                $("#ajaxDiv").html(html);
            });    
        });
    });
</script>
</html>